<div class="login-body">
  <header>
    <div class="uk-container uk-container-center">
      <div class="grid">
        <div class="left">
          <a href="/"><img src="assets/img/logo@2x.png" alt=""></a>
          <h3>欢迎登录</h3>
        </div>
        <div class="right">
          <a href=""><i class="iconfont"></i>登录页面，问卷调查</a>
        </div>
      </div>
    </div>
  </header>
  <div class="login-content">
    <div class="uk-container uk-container-center">
      <div class="login">
      <div class="login-img"></div>
        <div class="uk-panel uk-panel-box-secondary">
      <div class="grid grid-collapse uk-margin-bottom uk-margin-top title">
        <div class="width-1-2 login-title">
          <h3 (click)="scanLogin()" [ngClass]="{'high-color':scan}">扫码登录</h3>
        </div>
        <div class="width-1-2 login-title left-line">
          <h3 (click)="accountLogin()" [ngClass]="{'high-color':account}">账户登录</h3>
        </div>
      </div>
     <app-scan-login  [ngClass]="{'show-a':scan,'hidden-a':account}"></app-scan-login>
     <app-account-login class="hidden-a" [ngClass]="{'show-a':account}"></app-account-login>
     <div class="coagent">
       <div class="grid grid-collapse">
         <div class="width-1-2">
           <div class="left-coagent">
             <a href="" class="qq">
               <img src="" alt="">
               <span>QQ</span>
             </a>
             <a href="">
               <img src="" alt="">
               <span>微信</span>
             </a>
           </div>
         </div>
         <div class="width-1-2">
           <div class="right-coagent">
             <a routerLink="../register">
               <img src="" alt="">
               <span>立即注册</span>
             </a>
           </div>
         </div>
       </div>
     </div>
   </div>
      </div>
    </div>
  </div>
</div>
